<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>我的头像</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!------------核心样式-------------->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/user.css">
</head>
<body>

<!-------------------版头------------------->
<div id="header">
    <div class="cw1000">
        <!-------------------logo------------------->
		<div  class="logo">枫游</div>
		<!-------------------导航------------------->
		<div class="nav">
			<ul>
				<li><div style="font-size: 20px"><span>|</span>
					设置_我的头像
				</div></li>
				<li><span>|</span><a title="" href="${pageContext.request.contextPath}/index.jsp">首页</a></li>
				<div class="clear"></div>
			</ul>
		</div>
		<!-------------------用户------------------->
		<div class="user">
			<a class="user-hd" href="${pageContext.request.contextPath}/#">
				<img src="${pageContext.request.contextPath}/images/user_head_pic.jpg"/><b></b>
				<div class="clear"></div>
			</a>
			<div class="user-bd">
				<div class="integral"><img src="${pageContext.request.contextPath}/images/integral_ico.png"/>当前积分 609</div>
				<ul class="nav_sort">
					<li><a href="${pageContext.request.contextPath}/shop_car.jsp"><i class="i1"></i>购物车</a></li>
					<li><a href="${pageContext.request.contextPath}/message.jsp"><i class="i2"></i>写游记</a></li>
					<li><a href="${pageContext.request.contextPath}/my_note.jsp"><i class="i9"></i>我的游记</a></li>
					<li><a href="${pageContext.request.contextPath}/collection_list.jsp"><i class="i3"></i>我的收藏</a></li>
					<li><a href="${pageContext.request.contextPath}/project_order.jsp"><i class="i4"></i>商品订单</a></li>
					<li><a href="${pageContext.request.contextPath}/scenic_order.jsp"><i class="i5"></i>旅游订单</a></li>
					<li><a href="${pageContext.request.contextPath}/note_comments.jsp"><i class="i6"></i>我的评论</a></li>
					<li><a href="${pageContext.request.contextPath}/my_info.jsp"><i class="i7"></i>设置</a></li>
					<li><a href="#"><i class="i8"></i>退出</a></li>
				</ul>
			</div>
		</div>
        <div class="clear"></div>
    </div>
</div>
<!-----------------用户banner---------------->
<div id="user_banner">
	<div class="pic">
		<a href="${pageContext.request.contextPath}/my_head.jsp">
			<img src="${pageContext.request.contextPath}/images/user_head_pic.jpg"/>
			<div>更换头像</div>
		</a>
	</div>
	<div class="con">
		<h2>Alpha</h2>
		<p>人生旅程，不同的是沿途风景以及看风景的心情</p>
	</div>
</div>
<!-----------------快捷导航---------------->
<div id="quick_nav">
	<a href="${pageContext.request.contextPath}/shop_car.jsp"><span class="ico1"><img src="${pageContext.request.contextPath}/images/nav_ico1.png"/></span>购物车</a>
	<a href="${pageContext.request.contextPath}/message.jsp"><span class="ico2"><img src="${pageContext.request.contextPath}/images/nav_ico2.png"/></span>发布游记</a>
	<a href="${pageContext.request.contextPath}/my_note.jsp"><span class="ico7"><img src="${pageContext.request.contextPath}/images/nav_ico7.png"/></span>我的游记</a>
	<a href="${pageContext.request.contextPath}/collection_list.jsp"><span class="ico3"><img src="${pageContext.request.contextPath}/images/nav_ico3.png"/></span>我的收藏</a>
	<a href="${pageContext.request.contextPath}/project_order.jsp"><span class="ico4"><img src="${pageContext.request.contextPath}/images/nav_ico4.png"/></span>商品订单</a>
	<a href="${pageContext.request.contextPath}/scenic_order.jsp"><span class="ico5"><img src="${pageContext.request.contextPath}/images/nav_ico5.png"/></span>旅游订单</a>
	<a href="${pageContext.request.contextPath}/note_comments.jsp"><span class="ico6"><img src="${pageContext.request.contextPath}/images/nav_ico6.png"/></span>我的评论</a>
</div>
<!-----------------框架---------------->
<div class="cw1000">
	<div class="w280 fl">
		<div class="public_box">
			<!-----------------设置导航---------------->
			<div id="set_nav">
				<ul>
					<li><a href="${pageContext.request.contextPath}/my_info.jsp"><i class="ico1"></i>我的信息</a></li>
					<li><a class="cur" href="${pageContext.request.contextPath}/my_head.jsp"><i class="ico2"></i>我的头像</a></li>
					<li><a href="${pageContext.request.contextPath}/my_contact.jsp"><i class="ico3"></i>常用联系人</a></li>
					<li><a href="${pageContext.request.contextPath}/security.jsp"><i class="ico4"></i>修改密码</a></li>
				</ul>
			</div>
		</div>	
	</div>
	<div class="w700 fr">
		<div class="public_box">
			<!-----------------我的头像---------------->
			<div id="set_box">
				<div class="title"><h2>我的头像</h2></div>
				<div id="my_head">
					<div class="pic"><img src="${pageContext.request.contextPath}/images/user_head_pic.jpg"/></div>
					<input class="file" type="file" /> 
				</div>
				<div class="operation"><input type="submit" class="save" value="保存" /></div>
				
			</div>
		</div>	
	</div>
	<div class="clear"></div>
</div>
<!-----------------版底---------------->
<div id="footer">
	<p>枫游文化旅游发展有限公司 版权所有</p>
	<p>Copyright 2016 zgqygc.com All Rights Reserved | 豫ICP备10000000号　技术支持：闪迅</p>
</div>
</body>
</html>